<%- include fheader.ejs%>
<style>
    .ui-slider-indicators{
        right: 0;
        -webkit-box-pack: center;
    }
    .ui-slider-indicators li{
        width: 10px;
        height: 10px;
    }
    .ui-slider-indicators li.current:before{
        width: 8px;
        height: 8px;
    }
    .ui-slider-content>li span {
        background-size: contain;
        background-position: center;
        background-color: rgba(0,0,0,.7);
    }
</style>
    <header class="ui-header ui-header-stable ui-border-b">
           <i class="ui-icon-return"></i>
           <h1>帮助中心</h1>
       </header>
       <section  class="ui-container">
           <div class="ui-slider" style="height: 500px">
               <ul class="ui-slider-content" style="width: 300%">
                   <li><span style="background-image:url(img/help1.jpg)"></span></li>
                   <li><span style="background-image:url(img/help1.jpg)"></span></li>
                   <li><span style="background-image:url(img/help1.jpg)"></span></li>
               </ul>
           </div>


       </section>
   <script>
       (function(){
           var h = $(window).height();
           $('.ui-slider').height(h-45);
           var slider = new fz.Scroll('.ui-slider', {
               role: 'slider',
               indicator: true,
               autoplay: true,
               interval: 3000
           });


           $(window).resize(function (){
               h = $(window).height();
               $('.ui-slider').height(h-45);
           })
       })();
   </script>

<%- include ftailer.ejs%>